<template>
     <div>
        <h2>学生姓名：{{name}}</h2>
        <h2>学生年龄：{{age}}</h2>
        <button @click="showInfo()">显示学生信息</button><br/>
        <button @click="getUserList()">获取所有员工列表</button><br/>
    </div>
</template>
  
<script>
    import axios from 'axios'

    export default {
        name: 'Student',
        props: ['name', 'age'],// 子组件通过props接受父组件传递过来的数据
        data() {
            return {
                
            }
        },
        methods: {
            showInfo() {
                alert(this.name + ' : ' + this.age);
            },
            getUserList() {
                axios.get('/api/rbac/user/selectAll').then(response => {
                    if (response.ok) {
                        console.log(response)
                        console.log(response.data)
                        this.$message({type: "success",message: response.msg});
                    } else {
                        this.$message({type: "error", message: response.msg});
                    }
                })
            }
        },
        mounted() {
            // this.$bus.$on监听事件，
            // 第一个参数代表: 监听事件的名字，
            // 第二个参数代表：事件被触发之后要执行的代码，对应一个函数
            this.$bus.$on('updateBanjiName', (data) => {
                console.log('我是Student组件,我收到了Banji组件发送给我的班级名字: ' + data)
                alert('我是Student组件,我收到了Banji组件发送给我的班级名字: ' + data)
           })
        },
    }
</script>
 
<style scoped>
     
</style>